---
title: Media
description: Responsive media and avatar components for modern web interfaces, built with Tailwind CSS v4. Perfect for user profiles, image galleries, and content cards. These customizable, SEO-friendly layouts support flexible alignment and accessibility for any application.
emoji: 🌆
wrapper: h-[400px]
container: p-6 max-w-md mx-auto
terms:
  - media
  - avatar
  - image
components:
  - { title: 'Left align top' }
  - { title: 'Left align center' }
  - { title: 'Left align bottom' }
  - { title: 'Left align stretch' }
  - { title: 'Right align top' }
  - { title: 'Right align center' }
  - { title: 'Right align bottom' }
  - { title: 'Right align stretch' }
---

# Media Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
